<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<meta name="keywords" content="" />
		<meta name="Description" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />

		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/article.css" />
	</head>

	<body>
		<div class="web">
			<!--头部 s-->
			<header>
				<div class="list fl">
					<i class="iconfont icon-liebiao"></i>
				</div>

				<div class="search fr">
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="img_box">
					<img src="img/index/logo.png" />
				</div>

			</header>
			<div class="number">
				<i class="iconfont icon-shuzi"></i>
			</div>

			<!--头部 e-->
			<!--中心内容 s-->
			<main>
				<div class="main_top_box">
					<div class="banner">
						<img src="img/article/banner.jpg" />
						<div class="bg_img">
							<div class="text_p">
								<p>[专业IMC平台]</p>
								<p>太子金涂鸦大赛网络整合营销传播</p>
							</div>
							<div class="dot"></div>
							<div class="dot"></div>
							<div class="dot"></div>
						</div>
					</div>
				</div>
				<div class="main_box">
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span >2015年1月20日</span>
						</div>
					</div>
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</div>

				</div>
				<div class="main_box">
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</div>

				</div>
				<div class="main_box">
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</div>
					<div class="main_middle">
						<div class="middle_img">
							<img src="img/article/img1.jpg" />
						</div>
						<p>海天“晒“宴,和汪涵一起,参观海天酱油......</p>
						<div class="middle_a">
							<a href="">营销</a>
						</div>
						<div class="icon">
							<i class="iconfont icon-aixinxuanzhong"></i>
							<span>120</span>
						</div>
						<div class="icon2">
							<i class="iconfont icon-yanjing"></i>
							<span>560</span>
						</div>
						<div class="icon3">
							<i class="iconfont icon-nvxingtouxiang"></i>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</div>

				</div>
				<div class="main_footer">
					<a href="">加载更多</a>
				</div>
			</main>
			<!--中心内容 e-->
			<!--底部 s-->
			<footer>
				<ul class="clear">
					<li class="fl">
						<a href="index.html">
							<i class="iconfont icon-shouye"></i>
							<p>首页</p>
						</a>
					</li>
					<li class="fl">
						<a href="gimc.html">
							<i class="iconfont icon-weixin"></i>
							<p>GIMC</p>
						</a>
					</li>
					<li class="fl active">
						<a href="article.html">
							<i class="iconfont icon-wenzhang"></i>
							<p>文章</p>
						</a>
					</li>
					<li class="fl">
						<a href="resources.html">
							<i class="iconfont icon-wangluo"></i>
							<p>资源</p>
						</a>
					</li>
					<li class="fl">
						<a href="college.html">
							<i class="iconfont icon-xueyuan"></i>
							<p>学院</p>
						</a>
					</li>
				</ul>
			</footer>
			<!--底部 e-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>